<!-- Dom模板 -->
<template>
  <div>
    <!-- 预约试吃 -->
    
    <div>
      <Fanhui :a="as"></Fanhui>
    </div>

     <div class="sousuo">
      <i class="el-icon-search souds"></i>
      <input class="inputse" type="text" placeholder="团餐关键词搜索 店名、菜名" />
    </div>
    
  </div>
</template>

<script>
// import a from './a'; // 引入组件
import Fanhui from '../utils/fanhui.vue'; // 引入组件
export default {
  name: '',
  components:{
    Fanhui
  },
  data() {
    return {
      msg: '测试',
      as:'预约试吃'
    }
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {
      
  },
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {
      
  },
  // Vue方法定义
  methods: {
      
  }
}
</script>

<style scoped>
/* @import url(''); 引入css类 */


.souds {
  position: absolute;
  left: 70px;
  top: 78px;
}
.sousuo input {
  height: 38px;
  width: 297px;
  widows: 306px;
  text-align: center;
  line-height: 38px;
  color: rgb(107, 105, 105);
  box-shadow: 1px 1px 9px 5px #b7b8b95b;
  border-radius: 28px 28px 28px 28px;
  margin: 9px 50px;
  border: none;
}
.inputse {
  background: none;
  outline: none;
}
.inputse:focus {
  border: none;
}
</style>